#sports {
	display: flex;
	flex-direction: column;
	.main {
		height: 1px;
		flex-grow: 1;
		padding: 0 20px;
		#newCourse {
			width: 100%;
			h3 {
				margin: 20px 0;
				color: #333;
			}
			#newCourse1 {
				display: block;
				border-radius: 15px;
				overflow: hidden;
				box-shadow: 0 0 10px 0 #ccc;
				color: #fff;
				img {
					width: 100%;
				}
				h4 {
					color: #333;
					margin: 0 15px;
					line-height: 2em;
					font-size: 16px;
				}
				p {
					color: #555;
					margin: 0 15px 15px;
				}
			}
		}
		#classes {
			h3 {
				margin: 20px 0;
				color: #333;
			}
			li {
				margin-bottom: 20px;
				a {
					position: relative;
					display: block;
					border-radius: 15px;
					overflow: hidden;
					box-shadow: 0 0 10px 0 #ccc;
					color: #fff;
					img {
						width: 100%;
					}
					h4 {
						position: absolute;
						bottom: 60px;
						left: 20px;
					}
					p {
						position: absolute;
						bottom: 40px;
						left: 20px;
					}
				}
			}
		}
	}
}
